let Url = location.href.split("?")[1].split("=")[1];
console.log(Url);
$.get(
  "http://chst.vip:1234/api/getcouponproduct",
  { couponid: Url },
  (res) => {
    let html = "";
    let body = "";
    $(res.result).each((i, item) => {
      html += `<li couponProductId=${item.couponProductId}>
       ${item.couponProductImg} 
        <div>
        <h3>    ${item.couponProductName}   </h3> 
        <h4>     ${item.couponProductPrice}   </h4>
        <h5>   ${item.couponProductTime}   </h5>
        </div>
      </li>`;
      body += `       ${item.couponProductImg} `;
    });

    $(".contenttop").html(html);
    $(".contentbottom .Big").html(body);
  },
  "json"
);

//点击任意的LI标签   出现contentbottom
$(".contenttop").on("click", "li", function () {
  $(".contentbottom").css("display", "block");
});
//点击任意的contentbottom 的小叉叉   出现contentbottom
$(".contentbottom").on("click", ".Small", function () {
  $(".contentbottom").css("display", "none");
});

//  点击左右   调节图片
let num = -1;
//因为，点击以后加一 所以首次设置为-1  给右按钮添加事件  加一
$(".contentbottom").on("click", ".Right", function () {
  //  加一
  num++;
  //  遍历所有的图片
  let IMGS = $(".contentbottom  .Big  img");

  $.each(IMGS, function (i, item) {
    // 判断如全局变量  和   i  相等   （将当前的IMG  替换成BIg的内容）
    if (i == num) {
      $(this).css("display", "block");
      $(this).siblings().css("display", "none");
    }
  });
});

$(".contentbottom").on("click", ".Left", function () {
  num--;

  let IMGS = $(".contentbottom  .Big  img");

  $.each(IMGS, function (i, item) {
    if (i == num) {
      $(this).css("display", "block");
      $(this).siblings().css("display", "none");
    }
  });
});
